import React from 'react'

export default function SymbolIcon(props) {
  return (
    <svg 
      style={{ 
        width: '20px',
        height: '20px',
        verticalAlign: '-0.15em',
        fill: 'currentColor',
        overflow: 'hidden',
        ...props.styles 
      }} 
      className="icon" 
      aria-hidden="true">
      <use style={props.style} xlinkHref={`#${props.iconName}`}></use>
    </svg>
  )
}